<mat-tab-group>

    <mat-tab label="求职">
        <p> 城市:<input type="text" name="city"><span><input type="button" value="搜索" onclick=""></span></p>
        <div *ngFor="let work of workList" class="one">
            <p style="font-size: 25px;">{{work.job}}<span class="pay">{{work.pay}}</span></p>
            <p style="font-size: 10px; margin-top:-15px;">{{work.companyName}}<span class="number"
                    style="margin-left:30px ;">{{work.number}}</span></p>
            <p style="font-size: 15px; margin-top:-5px;">{{work.location}}<span class="exp">{{work.exp}}</span></p>
            <p style="font-size: 15px; margin-top:-10px;">{{work.recruiter}}</p>
        </div>
    </mat-tab>
    <mat-tab label="租房">
        <div class="top" style="margin: 0; padding: 0;">
            <p style="color: antiquewhite; text-align: center; font-size: 25px;">毕业哪儿都行租房</p>
            <img src="/assets/images/boss.png" style="width: 100vw; height: 120px; margin-top: -15px; ">
        </div>
        <div class="zfbody">
            <mat-form-field appearance="fill" class="example-form-field">
                <mat-label>开始</mat-label>
                <input matInput [matDatepicker]="datepicker">
                <mat-datepicker-toggle matIconSuffix [for]="datepicker"></mat-datepicker-toggle>
                <mat-datepicker #datepicker>
                  <mat-datepicker-actions>
                    <button mat-button matDatepickerCancel>Cancel</button>
                    <button mat-raised-button color="primary" matDatepickerApply>Apply</button>
                  </mat-datepicker-actions>
                </mat-datepicker>
              </mat-form-field>
              
              <mat-form-field appearance="fill" class="example-form-field" style="margin-right: -30px;">
                <mat-label>结束</mat-label>
                <mat-date-range-input [rangePicker]="rangePicker">
                  <input matStartDate placeholder="Start date">
                  <input matEndDate placeholder="End date">
                </mat-date-range-input>
                <mat-datepicker-toggle matIconSuffix [for]="rangePicker"></mat-datepicker-toggle>
                <mat-date-range-picker #rangePicker>
                  <mat-date-range-picker-actions>
                    <button mat-button matDateRangePickerCancel>Cancel</button>
                    <button mat-raised-button color="primary" matDateRangePickerApply>Apply</button>
                  </mat-date-range-picker-actions>
                </mat-date-range-picker>
              </mat-form-field>

              <button style="width: 80vw; border-radius: 10px; background-color: aqua; height: 40px;margin-left: 35px;">搜索房源</button>
        </div>


        
    </mat-tab>
    <mat-tab label="政策">
    </mat-tab>
</mat-tab-group>